﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>正在加载请稍候...</title>
    <script src="Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="./Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./Scripts/bootstrap/js/jquery.cokie.min.js"></script>
    <script type="text/javascript" src="./Scripts/Cookie.js"></script>

    <script src="Scripts/config.js" type="text/javascript"></script>
    <script src="Comm/Gener.js" type="text/javascript"></script>
    <script src="Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../DataUser/JSLibData/MyFlowPublic.js" type="text/javascript"></script>
    <script src="../DataUser/JSLibData/CCFormRef.js" type="text/javascript"></script>

    <link href="./Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="./Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="./Scripts/easyUI145/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="./Scripts/easyUI145/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <script src="./Scripts/EasyUIUtility.js" type="text/javascript"></script>

    <link href="./Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
    <link rel="stylesheet" href="./Scripts/bootstrap/css/css.css" type="text/css" media="all" />
    <script src="./Scripts/bootstrap/BootstrapUIDialog.js" type="text/javascript"></script>

    <!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一.  -->
    <link href="../DataUser/Style/ccbpm.css" rel="Stylesheet" />

    <script src="./CCForm/MapExt2019.js" type="text/javascript"></script>
    <script src="../DataUser/JSLibData/CommonShowConfig.js"></script>
    <style type="text/css">
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
        }

        .cs-north {
            height: 50px;
            background: #EAF2FE;
            overflow: hidden;
        }

        .cs-north-bg {
            width: 100%;
            height: 58px;
        }

        .cs-west {
            width: 260px;
            padding: 0px;
        }

        .cs-south {
            height: 25px;
            background: url('themes/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png') repeat-x;
            padding: 0px;
            text-align: center;
        }

        .cs-navi-tab {
            padding: 5px;
            display: block;
            line-height: 18px;
            height: 18px;
            padding-left: 16px;
            text-decoration: none;
            border: 1px solid white;
            border-bottom: 1px #E5E5E5 solid;
        }

            .cs-navi-tab:hover {
                background: #FFEEAC;
                border: 1px solid #DB9F00;
            }

        .cs-tab-menu {
            width: 120px;
        }

        .cs-home-remark {
            padding: 10px;
        }

        .wrapper {
            float: right;
            height: 30px;
            margin-left: 10px;
        }

        .ui-skin-nav {
            float: right;
            padding: 0;
            margin-right: 10px;
            list-style: none outside none;
            height: 20px;
            visibility: hidden;
        }

            .ui-skin-nav .li-skinitem {
                float: left;
                font-size: 12px;
                line-height: 30px;
                margin-left: 10px;
                text-align: center;
            }

                .ui-skin-nav .li-skinitem span {
                    cursor: pointer;
                    width: 10px;
                    height: 10px;
                    display: inline-block;
                }

                    .ui-skin-nav .li-skinitem span.cs-skin-on {
                        border: 1px solid #FFFFFF;
                    }

                    .ui-skin-nav .li-skinitem span.gray {
                        background-color: gray;
                    }

                    .ui-skin-nav .li-skinitem span.pepper-grinder {
                        background-color: #BC3604;
                    }

                    .ui-skin-nav .li-skinitem span.blue {
                        background-color: blue;
                    }

                    .ui-skin-nav .li-skinitem span.cupertino {
                        background-color: #D7EBF9;
                    }

                    .ui-skin-nav .li-skinitem span.dark-hive {
                        background-color: black;
                    }

                    .ui-skin-nav .li-skinitem span.sunny {
                        background-color: #FFE57E;
                    }

        .img-menu {
            height: 18px;
            width: 18px;
        }

        .space {
            color: #E7E7E7;
        }

        .l-topmenu-welcome {
            position: absolute;
            height: 24px;
            line-height: 24px;
            right: 30px;
            top: 3px;
            color: #070A0C;
        }

        #topContentDiv i.topContentDiv-i {
            display: block;
            width: 33px;
            height: 22px;
            background: url("Scripts/bootstrap/css/img/sanjiao_03.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 56px;
            left: 50px;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        #Message {
            text-align: left;
            word-wrap: break-word;
            color: red;
        }

        .navlist {
            padding: 0;
        }

            .navlist li a {
                padding: 5px 10px 5px 20px;
                color: #031f5d;
                display: block;
                width: auto;
                text-decoration: none;
                line-height: 22px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

            .navlist li img {
                vertical-align: -3px;
                margin-right: 14px;
            }

            .navlist li a:hover {
                background-color: #e4eef8;
            }
        /*.accordion-collapse {
              position:absolute;
             right: 20px;
             top: 50%;
             margin-left: 0;
             transform: translateY(-50%);
             background-image: url(/Comm/css/images/ico-menu-show.png);
         }
         .accordion-expand {
             background-image: url(/Comm/css/images/ico-menu-hide.png);
         }
         .accordion-header.accordion-header {
             background: none;
         }
        .accordion-header {
             padding: 10px 15px;
             background-color: #fff;
             border: 0;
         }
        .accordion-header .panel-tool {
             top: 50%;
             transform: translateY(-50%);
         }*/
    </style>
    <script type="text/javascript">
        loadScript("./ccbpm.js?Version=" + Math.random(), function () {
            loadScript("./MyFlowTree2017.js?Version=" + Math.random(), function () {
                loadScript("./MyFlowGener.js?Version=" + Math.random());
            });


        });
        window.onbeforeunload = function close() {
            temp = 0;
            var n = window.event.screenX - window.screenLeft;
            var b = n > document.documentElement.scrollWidth - 20;
            if (b && window.event.clientY < 0 || window.event.altKey) {
                window.event.returnValue = "退出登录？"; //这里可以放置你想做的操作代码
                temp = 1;
            }
        }

        window.onunload = function () {
            if (window.hasClickSend && opener.frameElement.contentWindow.location.href.toLowerCase().indexOf("todolist") != -1) {
                //刷新代办
                opener.frameElement.contentWindow.location.reload();
            }
        }

        //让IE8 兼容 forEach
        if (typeof Array.prototype.forEach != 'function') {
            Array.prototype.forEach = function (callback) {
                for (var i = 0; i < this.length; i++) {
                    callback.apply(this, [this[i], i, this]);
                }
            };
        }

        //删除流程
        function DeleteFlow() {

            if (window.confirm('您确定要删除吗？') == false)
                return;

            var handler = new HttpHandler("BP.WF.HttpHandler.WF_MyFlow");
            handler.AddPara("FK_Flow", GetQueryString("FK_Flow"));
            handler.AddPara("FK_Node", GetQueryString("FK_Node"));
            handler.AddPara("WorkID", GetQueryString("WorkID"));
            var str = handler.DoMethodReturnString("DeleteFlow");
            alert(str);

            if (window.parent != null) {
                window.parent.Reload();
            }

            window.close();
        }
    </script>

    <style type="text/css">
        .panel-body {
            padding-left: 15px;
            padding-top: 5px;
        }
    </style>
</head>
<body class="easyui-layout">
    <div region="north" border="true" class="cs-north">
        <div class="cs-north-bg">
            <!--底部功能按钮 发送、移交-->
            <div id="ToolBar" style="text-align: left;" class="Bar">
            </div>
        </div>
        <div id="mm3" style="width: 150px;" runat="server">
        </div>
    </div>
    <div region="west" border="true" split="true" title=" " class="cs-west">
        <ul id="flowFormTree" class="easyui-tree" data-options="animate:true,dnd:false"></ul>
    </div>
    <div id="mainPanle" region="center" border="true" style=" padding:0px;">
        <div id="tabs" class="easyui-tabs" fit="true" border="false" data-options="tools:'#tab-tools'">
        </div>
    </div>


    <!-- /.modal -->
    <!--下拉框选项提示信息-->
    <div class="popover fade top in" role="tooltip" id="div_NoticeInfo" style="top: 24.01042366027832px;
        left: 304.98961639404297px; display: none;">
        <div class="arrow" style="left: 50.22522522522522%;">
        </div>
        <h3 class="popover-title">
            <span>title</span><span style="color: white; opacity: 1; float: right; cursor: pointer;"
                                    id="span_CloseNoticeInfo">×</span>
        </h3>
        <div class="popover-content">顶部的 Popover 中的一些内容</div>
    </div>
    <div id="mm" class="easyui-menu cs-tab-menu">
        <div id="mm-tabcloseother">关闭其他</div>
        <div id="mm-tabcloseall">关闭全部</div>
        <div id="mm-tabcloseright">关闭右侧</div>
        <div id="mm-tabcloseleft">关闭左侧</div>
    </div>

    <!-- /.modal -->
    <!--杨玉慧加  中间导航-->
    <iframe id="navIframe" style="display: none;"></iframe>
    <div>
        <iframe id="hisIframe" style="width: 100%; display: none;"></iframe>
    </div>
    <!--杨玉慧加   提示信息弹出窗口-->
    <div class="modal fade" id="msgModal" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" class="close" id="btnMsgModalOK1" aria-hidden="true" style="color: white;opacity: 1; display: none;">×</button>
                    <h4 class="modal-title">提示信息</h4>
                </div>
                <div class="modal-body" style="text-align: left; word-wrap: break-word;">
                    <div style="width: 100%; border: 0px; height: 400px;" id="msgModalContent" name="iframePopModalForm"></div>
                    <div style="text-align: right;">
                        <button type="button" id="btnMsgModalOK" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <div id="ShowPFlow" style="display: none;">
        <button id="btnShowPFlow" value="查看父流程信息" style="float: left;">查看父流程信息</button>
    </div>
    <!--之前返回的信息-->
    <div id="lastOptMsg">
    </div>

    <div class="modal fade" id="MessageDiv">
        <div class="modal-dialog" style="margin-left: auto; margin-right: auto; width: 800px;">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" style="background: none;border: none; float: right;">×</button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <div id='Message'>
                    </div>
                    <div style="text-align: right;">
                        <button type="button" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <div class="modal fade" id="HelpAlterDiv">
        <div class="modal-dialog" style="margin-left: auto; margin-right: auto; width: 800px;">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" style="color: #000;
                        border: none; background: transparent;float: right;">
                        ×
                    </button>
                    <h4 class="modal-title">
                        提示
                    </h4>
                </div>
                <div class="modal-body">
                    <div id='HelpAlter'>
                    </div>
                    <div style="text-align: right;">
                        <button type="button" class="btn" data-dismiss="modal">
                            确定
                        </button>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</body>
</html>